<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/sNav.css" />
		<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/sNav.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				var example1 = new sNav('example1');
				example1.setText({
					"0": "首页",
					"1": "社区",
					"2": "音乐",
					"3": "摄影",
				});
			});
		</script>
	</head>

	<body>
		<ul class="example1">

			<a href="#">
				<li>HOME</li>
			</a>

			<a href="#">
				<li>COMMUNITY</li>
			</a>

			<a href="#">
				<li>MUSIC</li>
			</a>

			<a href="#">
				<li>PHOTOGRAPHY</li>
			</a>

			<a href="#">
				<li>NEWS</li>
			</a>

			<a href="#">
				<li>MESSAGE</li>
			</a>

			<a href="#">
				<li>NOTICE</li>
			</a>

		</ul>
	</body>

</html>